@font-face{
    font-family: 'titles'; 
    src: url('../Fonts/BoldMarker.ttf') format(truetype); 
}

@font-face{
    font-family: 'bios';
    src: url('../Fonts/Stanberry.ttf') format(truetype); 
}

body{
    background-color: green;
}


#settingsbar {
    position: absolute; 
    top: 20px; 
    left: 20px; 
}

#menubar {
    position: absolute; 
    top: 56px; 
    left: 1020px; 
}

#cllogo {
    position: absolute; 
    top: 200px; 
    left: 138px; 

}

#clanpic {
    position: absolute; 
    top: 790px; 
    left: -2px; 

}

h1 {
    font-family: 'titles'; 
    font-size: 99px; 
    position: absolute; 
    top: 1480px; 
    left: 320px; 
    white-space: nowrap; 
    color: rgb(0, 255, 0);
    font-weight: 1;
}

p1 {
    font-family: 'bios'; 
    font-size: 49px; 
    position: absolute; 
    top: 1760px; 
    color: rgb(0, 255, 0);
    white-space: nowrap; 
    left: 76px; 

}

h2 {
    position: absolute; 
    top: 2300px; 
    font-size: 99px; 
    font-family: 'titles'; 
    font-weight: 1; 
    color: rgb(0, 255, 0); 
    left: 40px; 
}

.whatsnew {
    position: absolute; 
    top: 2590px; 
    left: 13px; 
    background-color: rgb(0, 255, 0); 
    color: green; 
    height: 1100px; 
    width: 1180px; 
    font-size: 56px; 
    font-family: 'bios'; 

}

.wholeelements {

    position: absolute; 
    top: -570px; 

}

.divider1 {
   position: absolute;  
   background-color: rgb(0, 195, 19); 
   top: 4380px; 
   width: 1286px; 
   height: 30px; 
   left: -8px; 


}

h3 {
    position: absolute; 
    color: rgb(0, 255, 0); 
    font-size: 99px; 
    font-family: 'titles'; 
    top: 4330px; 
    left: 110px; 
    font-weight: 1; 
    white-space: nowrap; 

}

p2 {
    position: absolute; 
    color: rgb(0, 255, 0);
    white-space: nowrap; 
    font-family: 'bios'; 
    font-size: 65px; 
    top: 4630px; 
    left: 54px; 
}

p3 {
    position: absolute; 
    color: rgb(0, 255, 0);
    white-space: nowrap; 
    font-family: 'bios'; 
    font-size: 70px; 
    top: 5050px; 
    left: 240px; 
}

.divider2 {
    position: absolute; 
   height: 20px; 
   background-color: rgb(0, 195, 19); 
   width: 1284px; 
   height: 30px; 
   top: 6160px; 
   left: -8px; 
}

h4 {
    position: absolute; 
    color: rgb(0, 255, 0); 
    font-size: 86px; 
    font-family: 'titles';
    font-weight: 1; 
    white-space: nowrap; 
    top: 6090px; 
    left: 88px; 
}

p4{
    position: absolute; 
    color: rgb(0, 255, 0);
    white-space: nowrap; 
    font-family: 'bios'; 
    font-size: 65px; 
    top: 6380px; 
    left: 77px; 

}

#disocrdserver{
    position: absolute; 
    background-color: rgb(0, 255, 0);
    border: 15px solid; 
    border-color:rgb(3, 156, 0);
    width: 500px; 
    top: 6780px; 
    height: 90px; 
    font-size: 50px; 
    font-family: 'bios'; 
    left: 400px; 
}

.divider3 {
    position: absolute; 
    height: 20px; 
    background-color: rgb(0, 195, 19); 
    width: 1284px; 
    height: 30px; 
    top: 6930px; 
    left: -8px; 

}

h5 {
    position: absolute; 
    color: rgb(0, 255, 0); 
    font-size: 86px; 
    font-family: 'titles';
    font-weight: 1; 
    white-space: nowrap; 
    top: 6840px; 
    left: 200px; 

}

p5 {
    position: absolute; 
    color: rgb(0, 255, 0);
    white-space: nowrap; 
    font-family: 'bios'; 
    font-size: 65px; 
    top: 7160px; 
    left: 50px; 
}

#cashapp {
    position: absolute; 
    background-color: rgb(0, 255, 0);
    border: 15px solid; 
    border-color:rgb(3, 156, 0);
    width: 500px; 
    font-size: 50px; 
    font-family: 'bios'; 
    top: 8050px; 
    left: 680px; 
}

#paypal {
    position: absolute; 
    background-color: rgb(0, 255, 0);
    border: 15px solid; 
    border-color:rgb(3, 156, 0);
    width: 500px; 
    font-size: 50px; 
    font-family: 'bios'; 
    top: 8050px; 
    left: 70px; 
}

.divider4 {
    position: absolute; 
    background-color: rgb(0, 195, 19); 
    width: 1284px; 
    height: 30px; 
    top: 8230px; 
    left: -8px; 
}

h6 {
    position: absolute; 
    color: rgb(0, 255, 0); 
    font-size: 86px; 
    font-family: 'titles';
    font-weight: 1; 
    white-space: nowrap; 
    top: 8100px; 
    left: 150px; 
}

p6 {
    position: absolute; 
    color: rgb(0, 255, 0);
    white-space: nowrap; 
    font-family: 'bios'; 
    font-size: 65px; 
    top: 8460px; 
    left: 45px; 
}

#clnevergivesup {
    position: absolute; 
    top: 9490px; 
    left: 50px; 
    width: 340px; 
}

#reclutch {
    position: absolute; 
    top: 9490px; 
    left: 430px; 
    width: 340px; 

}

#acm {
    position: absolute; 
    top: 9490px; 
    left: 820px; 
    width: 600px; 
    width: 340px; 
}

.divider5 {
    position: absolute; 
    background-color: rgb(0, 195, 19); 
    width: 1280px; 
    height: 30px; 
    top: 9990px; 
    left: -8px; 
}

#clupossiblelogo {
    position: absolute; 
    width: 1010px; 
    top: 9999px; 
    left: -260px; 
}

h7 {
    font-family: 'titles'; 
    font-size: 100px; 
    position: absolute; 
    color: rgb(0, 255, 0); 
    top: 10045px; 
    left: 570px; 
    text-decoration: underline;
}

p7 {
    position: absolute; 
    font-size: 65px; 
    top: 10240px; 
    color: rgb(0, 255, 0); 
    font-family: 'bios'; 
    white-space: nowrap; 
    left: 537px; 
}

h8 {
    position: absolute;
    font-family: 'titles'; 
    font-size: 100px; 
    text-decoration: underline;
    color: rgb(0, 255, 0); 
    top: 10590px; 
    left: 620px; 
}

#reclutchlogo {
    position: absolute; 
    width: 1010px;
    top: 10580px; 
    left: -260px; 
}

p8 {
    position: absolute; 
    font-size: 65px; 
    color: rgb(0, 255, 0); 
    font-family: 'bios'; 
    white-space: nowrap; 
    left: 550px; 
    top: 10770px; 

}

#acmlogo {
    position: absolute; 
    width: 520px; 
    top: 11190px; 
    
}

h9 {
    position: absolute; 
    font-family: 'titles'; 
    font-size: 100px; 
    text-decoration: underline;
    color: rgb(0, 255, 0); 
    top: 11140px; 
    left: 740px; 
}

p9 {
    position: absolute; 
    font-family: 'bios'; 
    font-size: 50px; 
    color: rgb(0, 255, 0); 
    white-space: nowrap; 
    top: 11300px;
    left: 560px; 
}

#cqlogo {
    position: absolute; 
    width: 520px; 
    top: 11660px; 
}

h10 {
    position: absolute; 
    font-family: 'titles'; 
    font-size: 100px; 
    text-decoration: underline;
    color: rgb(0, 255, 0); 
    top: 11560px; 
    left: 790px; 
}

p10 {
    position: absolute; 
    font-family: 'bios'; 
    font-size: 46px; 
    top: 11726px; 
    left: 540px;
    white-space: nowrap; 
    color: rgb(0, 255, 0); 
}

#clutchhourlogo {
    position: absolute; 
    width: 860px; 
    top: 12050px; 
    left: -150px; 
}

h11 {
    position: absolute; 
    font-family: 'titles'; 
    font-size: 85px; 
    text-decoration: underline; 
    color: rgb(0, 255, 0); 
    top: 12000px; 
    left: 580px; 
    white-space: nowrap; 
}

p11 {
    position: absolute; 
    font-family: 'bios'; 
    font-size: 46px; 
    top: 12200px; 
    left: 494px;
    white-space: nowrap; 
    color: rgb(0, 255, 0); 
}

.divider6 {
    position: absolute; 
    background-color: rgb(0, 195, 19); 
    width: 1280px; 
    height: 30px; 
    top: 12520px; 
    left: -8px; 
}

#footer {
    position: absolute; 
    width: 1256px; 
    top: 12550px; 

}

#youtubelogo {
    position: absolute; 
    width: 90px; 
    top: 12956px; 
    left: 968px; 
}

#snapchatlogo {
    position: absolute; 
    width: 80px; 
    top: 12950px; 
    left: 1117px; 
}

#gameramlogo {
    position: absolute; 
    width: 90px; 
    top: 12960px; 
    left: 1164px; 


}
@media only screen and (device-width: 390px) and (device-height: 844px) {
    #settingsbar {
        position: absolute; 
        top: 20px; 
        left: 20px; 
    }

    #menubar {
        position: absolute; 
        top: 60px; 
        left: 1050px; 
    }
    
    .toplayer {
        position: absolute; 
        top: 1200px; 
    }

    #cllogo {
        position: absolute;
        top: 210px; 
        left: 150px; 
    }

    #clanpic {
        position: absolute; 
        top: 800px; 
        left: 1px; 
    }

    h1 {
        font-family: 'titles'; 
        font-size: 99px; 
        position: absolute; 
        top: 1470px; 
        left: 320px; 
        white-space: nowrap; 
        color: rgb(0, 255, 0);
        font-weight: 1;
    }

    p1 {
        font-family: 'bios'; 
        font-size: 53px; 
        position: absolute; 
        top: 1735px; 
        color: rgb(0, 255, 0);
        white-space: nowrap; 
        left: 42px; 
    
    }

    h2 {
        position: absolute; 
        top: 2280px; 
        font-size: 99px; 
        font-family: 'titles'; 
        font-weight: 1; 
        color: rgb(0, 255, 0); 
        left: 40px; 
    }

    .whatsnew {
        position: absolute; 
        top: 2590px; 
        left: 13px; 
        background-color: rgb(0, 255, 0); 
        color: green; 
        height: 1100px; 
        width: 1180px; 
        font-size: 56px; 
        font-family: 'bios'; 
    
    }

    .divider1 {
        position: absolute;  
        background-color: rgb(0, 195, 19); 
        top: 3730px; 
        width: 1286px; 
        height: 30px; 
        left: -8px; 
     
     
     }

     h3 {
        position: absolute; 
        color: rgb(0, 255, 0); 
        font-size: 99px; 
        font-family: 'titles'; 
        top: 3660px; 
        left: 110px; 
        font-weight: 1; 
        white-space: nowrap; 
    
    }

    p2 {
        position: absolute; 
        color: rgb(0, 255, 0);
        white-space: nowrap; 
        font-family: 'bios'; 
        font-size: 65px; 
        top: 3960px; 
        left: 54px; 
    }

    p3 {
        position: absolute; 
        color: rgb(0, 255, 0);
        white-space: nowrap; 
        font-family: 'bios'; 
        font-size: 70px; 
        top: 4400px; 
        left: 240px; 
    }

    .divider2 {
        position: absolute; 
       height: 20px; 
       background-color: rgb(0, 195, 19); 
       width: 1284px; 
       height: 30px; 
       top: 5500px; 
       left: -8px; 
    }

    h4 {
        position: absolute; 
        color: rgb(0, 255, 0); 
        font-size: 86px; 
        font-family: 'titles';
        font-weight: 1; 
        white-space: nowrap; 
        top: 5445px; 
        left: 88px; 
    }

    p4{
        position: absolute; 
        color: rgb(0, 255, 0);
        white-space: nowrap; 
        font-family: 'bios'; 
        font-size: 65px; 
        top: 5760px; 
        left: 77px; 
    
    }

    #disocrdserver{
        position: absolute; 
        background-color: rgb(0, 255, 0);
        border: 15px solid; 
        border-color:rgb(3, 156, 0);
        width: 500px; 
        top: 6160px; 
        height: 90px; 
        font-size: 50px; 
        font-family: 'bios'; 
        left: 400px; 
    }

    .divider3 {
        position: absolute; 
        height: 20px; 
        background-color: rgb(0, 195, 19); 
        width: 1284px; 
        height: 30px; 
        top: 6325px; 
        left: -8px; 
    
    }

    h5 {
        position: absolute; 
        color: rgb(0, 255, 0); 
        font-size: 86px; 
        font-family: 'titles';
        font-weight: 1; 
        white-space: nowrap; 
        top: 6250px; 
        left: 200px; 
    
    }

    p5 {
        position: absolute; 
        color: rgb(0, 255, 0);
        white-space: nowrap; 
        font-family: 'bios'; 
        font-size: 60px; 
        top: 6580px; 
        left: 89px; 
    }

    #paypal {
        position: absolute; 
        background-color: rgb(0, 255, 0);
        border: 15px solid; 
        border-color:rgb(3, 156, 0);
        width: 500px; 
        font-size: 50px; 
        font-family: 'bios'; 
        top: 7390px; 
        left: 70px; 
    }

    #cashapp {
        position: absolute; 
        background-color: rgb(0, 255, 0);
        border: 15px solid; 
        border-color:rgb(3, 156, 0);
        width: 500px; 
        font-size: 50px; 
        font-family: 'bios'; 
        top: 7390px; 
        left: 680px; 
    }

    .divider4 {
        position: absolute; 
        background-color: rgb(0, 195, 19); 
        width: 1284px; 
        height: 30px; 
        top: 7540px; 
        left: -8px; 
    }

    h6 {
        position: absolute; 
        color: rgb(0, 255, 0); 
        font-size: 86px; 
        font-family: 'titles';
        font-weight: 1; 
        white-space: nowrap; 
        top: 7420px; 
        left: 150px; 
    }

    p6 {
        position: absolute; 
        color: rgb(0, 255, 0);
        white-space: nowrap; 
        font-family: 'bios'; 
        font-size: 65px; 
        top: 7790px; 
        left: 45px; 
    }

    #clnevergivesup {
        position: absolute; 
        top: 8740px; 
        left: 50px; 
        width: 340px; 
    }
    
    #reclutch {
        position: absolute; 
        top: 8740px; 
        left: 430px; 
        width: 340px; 
    
    }
    
    #acm {
        position: absolute; 
        top: 8740px; 
        left: 820px; 
        width: 600px; 
        width: 340px; 
    }

    .divider5 {
        position: absolute; 
        background-color: rgb(0, 195, 19); 
        width: 1280px; 
        height: 30px; 
        top: 9200px; 
        left: -8px; 
    }

    #clupossiblelogo {
        position: absolute; 
        width: 1010px; 
        top: 9200px; 
        left: -260px; 
    }

    h7 {
        font-family: 'titles'; 
        font-size: 100px; 
        position: absolute; 
        color: rgb(0, 255, 0); 
        top: 9240px; 
        left: 570px; 
        text-decoration: underline;
    }

    p7 {
        position: absolute; 
        font-size: 65px; 
        top: 9420px; 
        color: rgb(0, 255, 0); 
        font-family: 'bios'; 
        white-space: nowrap; 
        left: 537px; 
    }

    h8 {
        position: absolute;
        font-family: 'titles'; 
        font-size: 100px; 
        text-decoration: underline;
        color: rgb(0, 255, 0); 
        top: 9800px; 
        left: 620px; 
    }

    #reclutchlogo {
        position: absolute; 
        width: 1010px;
        top: 9790px; 
        left: -260px; 
    }

    p8 {
        position: absolute; 
        font-size: 65px; 
        color: rgb(0, 255, 0); 
        font-family: 'bios'; 
        white-space: nowrap; 
        left: 550px; 
        top: 10000px; 
    }

    #acmlogo {
        position: absolute; 
        width: 520px; 
        top: 10400px; 
        left: 40px; 
    }

    h9 {
        position: absolute; 
        font-family: 'titles'; 
        font-size: 100px; 
        text-decoration: underline;
        color: rgb(0, 255, 0); 
        top: 10374px; 
        left: 770px; 
    }

    p9 {
        position: absolute; 
        font-family: 'bios'; 
        font-size: 50px; 
        color: rgb(0, 255, 0); 
        white-space: nowrap; 
        top: 10550px;
        left: 590px; 
    }

    #cqlogo {
        position: absolute; 
        width: 520px; 
        top: 10900px; 
    }

    h10 {
        position: absolute; 
        font-family: 'titles'; 
        font-size: 100px; 
        text-decoration: underline;
        color: rgb(0, 255, 0); 
        top: 10844px; 
        left: 790px; 
    }

    
p10 {
    position: absolute; 
    font-family: 'bios'; 
    font-size: 46px; 
    top: 11020px; 
    left: 540px;
    white-space: nowrap; 
    color: rgb(0, 255, 0); 
}

#clutchhourlogo {
    position: absolute; 
    width: 860px; 
    top: 11300px; 
    left: -150px; 
}

h11 {
    position: absolute; 
    font-family: 'titles'; 
    font-size: 85px; 
    text-decoration: underline; 
    color: rgb(0, 255, 0); 
    top: 11320px; 
    left: 600px; 
    white-space: nowrap; 
}

p11 {
    position: absolute; 
    font-family: 'bios'; 
    font-size: 46px; 
    top: 11500px; 
    left: 530px;
    white-space: nowrap; 
    color: rgb(0, 255, 0); 
}

.divider6 {
    position: absolute; 
    background-color: rgb(0, 195, 19); 
    width: 1280px; 
    height: 30px; 
    top: 11786px; 
    left: -8px; 
}

#footer {
    position: absolute; 
    width: 1256px; 
    top: 11830px; 

}

#youtubelogo {
    position: absolute; 
    width: 90px; 
    top: 12235px; 
    left: 976px; 
}

#snapchatlogo {
    position: absolute; 
    width: 80px; 
    top: 12230px; 
    left: 1124px; 
}

#gameramlogo {
    position: absolute; 
    width: 90px; 
    top: 12241px; 
    left: 1170px; 
}


}